<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<title>系统管理-群组列表</title>
		<div th:insert="~{manager/commons::publicStatic}"></div>
	</head>

	<body>
	<!--头-->
	<div th:insert="~{manager/commons::head}"></div>
	<!--头-->
		<div class="doc1180 paddingT20 fn-clear container">
			<div>
				<form class="form-inline">
					<div class="form-group">
						<label for="exampleInputName2">群名称</label>
						<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
					</div>
					<div class="form-group">
						<label for="exampleInputEmail2">创建日期</label>
						<input type="date" class="form-control" id="exampleInputName2" >
					</div>
					<button type="submit" class="btn btn-primary">搜索</button>
				</form>

			</div>
			<div class="myPost_Theme" style="height: 80vh;margin-top: 50px;">
				<table width="100%" border="0" cellspacing="0" cellpadding="0" class="myPost_Table">
					<tr class="myPost_Th">
						<th><input type="checkbox" name="" id="" value="" /></th>
						<th>群聊编号</th>
						<th>所属课程</th>
						<th>群聊名</th>
						<th>群聊类型</th>
						<th>操作</th>
						<!--<th>群组人数</th>
						<th>管理员人数</th>-->
					</tr>
					<tr th:each="chat:${chatList}">
						<td><input type="checkbox" name="" id="" value="" /></td>
						<td th:text="${chat.getChatId()}">
							群聊编号
						</td>
						<td>
							听力提升
						</td>
						<td th:text="${chat.getName()}">
							群聊名
						</td>
						<td th:text="${chat.getType()}">
							类型
						</td>
						<td>
							<a href="#" class="btn btn-warning">编辑</a>
							<a href="#" class="btn btn-danger">删除</a>
						</td>
						<!--<td>100</td>
						<td>1000</td>-->
					</tr>

				</table>

				<div class="pageList" style="width: 500px;float: right;">
					<ul>
						<li>
							<a href="###" class="pret">上一页</a>
						</li>
						<li><span>1</span></li>
						<li>
							<a href="###">2</a>
						</li>
						<li>
							<a href="###">3</a>
						</li>
						<li>
							<a href="###">4</a>
						</li>
						<li>
							<a href="###">5</a>
						</li>
						<li>
							<a href="###">最后一页</a>
						</li>
						<li>
							<a href="###" class="next">下一页</a>
						</li>
					</ul>
				</div>

				<div id="" class="" style="margin-top: 40px;width: 400px; float: left;">
					<a href="#" class="btn btn-danger">关闭</a>
				</div>
			</div>

		</div>

		
	</body>

</html>